<%@ page language="java" contentType="text/html; charset=UTF-8" trimDirectiveWhitespaces="true" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/include.inc.jsp"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>管线业务</title>
<link rel="stylesheet" href="${contextPath}/resources/assets/css/bootstrap.css" />
<link rel="stylesheet" href="${contextPath}/resources/assets/css/jquery-ui.css" />
<link rel="stylesheet" href="${contextPath}/resources/assets/css/font-awesome.css" />

    <!-- page specific plugin styles -->

    <!-- text fonts -->
    <link rel="stylesheet" href="${contextPath}/resources/assets/css/ace-fonts.css" />

    <!-- ace styles -->
    <link rel="stylesheet" href="${contextPath}/resources/assets/css/ace.css" class="ace-main-stylesheet" id="main-ace-style" />

    <!--[if lte IE 9]>
			<link rel="stylesheet" href="${contextPath}/resources/assets/css/ace-part2.css" class="ace-main-stylesheet" />
		<![endif]-->

    <!--[if lte IE 9]>
		  <link rel="stylesheet" href="${contextPath}/resources/assets/css/ace-ie.css" />
		<![endif]-->
<link rel="stylesheet" type="text/css" href="${contextPath}/resources/css/feeSimulate.css"/>
<script src="${contextPath}/resources/assets/js/ace-extra.js"></script>
		<script type="text/javascript">
        	window.jQuery || document.write("<script src='${contextPath}/resources/assets/js/jquery.js'>" + "<" + "/script>");
		</script>
<script src="${contextPath}/resources/js/feeSimulate.js" type="text/javascript"></script>
<script src="${contextPath}/resources/js/jquery-ui.js" type="text/javascript"></script>
<link rel="stylesheet" href="${contextPath}/resources/leaflet/leaflet.css" />
<link rel="stylesheet" href="${contextPath}/resources/leaflet/leaflet.draw.css" />
<link rel="stylesheet" href="${contextPath}/resources/leaflet/leaflet.label.css" />

<script type="text/javascript">
  var contextPath = '${contextPath}';
  
  function setCenter(Xelement)
{
    var parent=Xelement.parentNode;
    parent.style.position="absolute";
    Xelement.style.position="absolute";
    var left=(parent.clientWidth-Xelement.clientWidth)/2;
    var top=(parent.clientHeight-Xelement.clientHeight)/2-15;
    Xelement.style.left=left+"px";
    Xelement.style.top=top+"px";
}
  /* function setSPile(obj){
		if(obj.value!==""){
		$.ajax({
			url : "loadSPileSelect?ws_id="+obj.value,
			cache : false,
			success : function(result) {
				var pile = $("#sPile")[0];
				var len = pile.length;
				for(var i=1;i<len;i++){
					
					pile.removeChild(pile[1]); 
				}
			  for(var i=0;i<result.length;i++){ 
			      document.getElementById("sPile").options.add(new Option(result[i].name,result[i].id));
			  }
			}
		});
		}
	} */

	/* function setEPile(obj){
		if(obj.value!==""){
		$.ajax({
			url : "loadEPileSelect?ws_id="+obj.value,
			cache : false,
			success : function(result) {
				var pile = $("#ePile")[0];
				var len = pile.length;
				for(var i=1;i<len;i++){
					pile.removeChild(pile[1]);
				}
			  for(var i=0;i<result.length;i++){
			      document.getElementById("ePile").options.add(new Option(result[i].name,result[i].id));
			  }
			}
		});
		}
	} */
  
  $(function(){
	  //引入段引出段位置
	  /*$.ajax({
			url : "loadWSSelect",
			cache : false,
			success : function(result) {
			  for(var i=0;i<result.length;i++){
			      document.getElementById("sIntroduction").options.add(new Option(result[i].name,result[i].id));
			      document.getElementById("eIntroduction").options.add(new Option(result[i].name,result[i].id));
			  }
			}
		});*/
  })
</script>
<style>
        .seari_logo {
            padding-left: 10px;
            color: #ffffff;
            font-size: 20px;
            text-shadow: none;
            font-weight: 600;
            line-height: 80px;
            
        }
        
        .seari_logo:hover,
        .seari_logo:focus {
            color: #ffffff;
            text-decoration: none;
        }
        
       .navbar{
            min-height: 80px;
            background: url("${contextPath}/resources/img/navbar-bg.png") repeat-x;
        }
        
        .navbar .navbar-nav > li {
            border: 0px solid rgba(0, 0, 0, 0);
        }
        
        .navbar .navbar-nav > li > a {
            padding-top: 18px;
        }
        
        @media only screen and (max-width: 991px) {
            .navbar-nav {
                float: left;
                margin: 0;
            }
            .navbar-nav > li {
                float: left;
            }
            .navbar-menu-min .navbar-nav > li > a > .menu-title {
                /*display: none;*/
            }
        }
        
        .navbar-menu{
            padding-top: 20px;
        }
        .menu-title{
            font:16px/1.5 'Microsoft YaHei',SimSun;
        }
        .page-content{
           font:12px/20px "Microsoft YaHei";
        }
        .sidebar{
            font-family:  "Microsoft YaHei";
        }
        .breadcrumb{
            font-family:  "Microsoft YaHei";
        }
        
        /****box design style*****/
.box {
	float: left;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	display: block;
	background-color: #fff;
}
.london {border-top: 7px solid #19beb6;}
.paris { border-top: 7px solid #df9801; }
.box-icon {
	width: 100%;
	position: relative;
}

.info-nav-container {
	width: 32%;
    margin-right: 3%;
}

.float-container { overflow: auto; }

.info {
	width: 100%;
	padding: 15px 30px 20px;
    font-size: 16px;
}

.info-description-container {
	padding: 20px 30px;
	float: right;
	width: 65%;
}


.london-title {
	padding: 0 0 0 5px;
	border-left: 2px solid #19beb6;
	margin: 25px 0px;
}
.london-title h2 {
	color: #19beb6;
	font:24px/1.5 'Microsoft YaHei';
	margin: 5px;
}

        
.paris-title {	border-left: 2px solid #df9801; }
.paris-title h2 { color: #df9801;font:24px/1.5 'Microsoft YaHei'; }
        
        .banner-main-home {
	background-color: white;
	background: url("${contextPath}/resources/img/gcgk-3.jpg");
background-position: bottom;
	background-size: cover;
	border-top: 7px solid #10a5cd;
	min-height: 650px;	
	overflow-y: auto;
}
.banner-main-home {
	padding: 0px 0px 0px 50px;
}
.banner-main-home-bg {
	position: relative;
	float: right;
	width: 45%;
    height:650px;
    background-color: rgba(39,39,39,0.6);
    padding:180px 40px 0px 40px;
}        
.banner-main-home-text {
	color: #fff;
	text-align: left;
	right: 0;
	top: 0px; 
	left: 0;
	text-shadow: none;
    font:16px/1.5 'Microsoft YaHei';
}
        .heading{
            border-left: 4px solid #10a5cd;
        }
        
        .banner-main-home-text h2{
            margin: 5px;
            font:24px/1.5 'Microsoft YaHei';
        }
    </style>
</head>
<body class="no-skin">
<jsp:include page="index.jsp" flush="true" />
     
       <div class="main-container" id="main-container">
         <div id="sidebar" class="sidebar                  responsive">
            <script type="text/javascript">
                try {
                    ace.settings.check('sidebar', 'fixed');
                } catch (e) {}
            </script>
            
            <ul class="nav nav-list">
               <li class="">
                    <a href="#" class="dropdown-toggle">
                        <i class="menu-icon fa fa-tag"></i>
                        <span class="menu-text"> 入廊申请 </span>

                        <b class="arrow fa fa-angle-down"></b>
                    </a>

                    <b class="arrow"></b>

                    <ul class="submenu">
                        <li class="">
                            <a href="sqbDownUp?compId=&compName=&phoneNo=">
                                <i class="menu-icon fa fa-caret-right"></i> 申请表格下载/上传
                            </a>

                            <b class="arrow"></b>
                        </li>

                        <li class="">
                            <a href="sqbRecord">
                                <i class="menu-icon fa fa-caret-right"></i> 申请记录
                            </a>

                            <b class="arrow"></b>
                        </li>
                    </ul>
                </li>
                
                <li class="">
                    <a href="#" class="dropdown-toggle">
                        <i class="menu-icon fa fa-tag"></i>
                        <span class="menu-text"> 手续办理 </span>

                        <b class="arrow fa fa-angle-down"></b>
                    </a>

                    <b class="arrow"></b>

                    <ul class="submenu">
                        <li class="">
                            <a href="ywcz?compId=&compName=">
                                <i class="menu-icon fa fa-caret-right"></i> 业务操作
                            </a>

                            <b class="arrow"></b>
                        </li>

                        <li class="">
                            <a href="ywda">
                                <i class="menu-icon fa fa-caret-right"></i> 业务档案
                            </a>

                            <b class="arrow"></b>
                        </li>
                    </ul>
                </li>
                
                 <li class="">
                    <a href="#" class="dropdown-toggle">
                        <i class="menu-icon fa fa-tag"></i>
                        <span class="menu-text"> 合同管理 </span>

                        <b class="arrow fa fa-angle-down"></b>
                    </a>

                    <b class="arrow"></b>

                    <ul class="submenu">
                        <li class="">
                            <a href="htmbDownUp">
                                <i class="menu-icon fa fa-caret-right"></i> 合同模板下载/上传
                            </a>

                            <b class="arrow"></b>
                        </li>

                        <li class="">
                            <a href="htda">
                                <i class="menu-icon fa fa-caret-right"></i> 合同档案
                            </a>

                            <b class="arrow"></b>
                        </li>
                    </ul>
                </li>
                
                <li class="">
                    <a href="#" class="dropdown-toggle">
                        <i class="menu-icon fa fa-tag"></i>
                        <span class="menu-text"> 施工管理 </span>

                        <b class="arrow fa fa-angle-down"></b>
                    </a>

                    <b class="arrow"></b>

                    <ul class="submenu">
                        <li class="active">
                            <a href="xkgl">
                                <i class="menu-icon fa fa-caret-right"></i> 许可管理
                            </a>

                            <b class="arrow"></b>
                        </li>

                        <li class="">
                            <a href="bzjgl">
                                <i class="menu-icon fa fa-caret-right"></i> 保证金管理
                            </a>

                            <b class="arrow"></b>
                        </li>
                        
                        <li class="">
                            <a href="fwsq">
                                <i class="menu-icon fa fa-caret-right"></i> 服务申请
                            </a>

                            <b class="arrow"></b>
                        </li>
                        
                        <li class="">
                            <a href="sgrz">
                                <i class="menu-icon fa fa-caret-right"></i> 施工日志
                            </a>

                            <b class="arrow"></b>
                        </li>
                        
                        <li class="">
                            <a href="sgjdrz">
                                <i class="menu-icon fa fa-caret-right"></i> 施工监督日志
                            </a>

                            <b class="arrow"></b>
                        </li>
                    </ul>
                </li>
                
                <li class="active open">
                    <a href="#" class="dropdown-toggle">
                        <i class="menu-icon fa fa-tag"></i>
                        <span class="menu-text"> 费用清算 </span>

                        <b class="arrow fa fa-angle-down"></b>
                    </a>

                    <b class="arrow"></b>

                    <ul class="submenu">
                        <li class="active">
                            <a href="feeSimulate">
                                <i class="menu-icon fa fa-caret-right"></i> 入廊费用计算器
                            </a>

                            <b class="arrow"></b>
                        </li>

                        <li class="">
                            <a href="jfRecord">
                                <i class="menu-icon fa fa-caret-right"></i> 缴费记录
                            </a>

                            <b class="arrow"></b>
                        </li>
                    </ul>
                </li>
                
                 <li class="">
                    <a href="visitApply" >
                        <i class="menu-icon fa fa-tag"></i>
                        <span class="menu-text"> 参观申请 </span>
                        
                    </a>

                    <b class="arrow"></b>
                    
                </li>
                
                <li class="">
                    <a href="#" class="dropdown-toggle">
                        <i class="menu-icon fa fa-tag"></i>
                        <span class="menu-text"> 后台管理 </span>

                        <b class="arrow fa fa-angle-down"></b>
                    </a>

                    <b class="arrow"></b>

                    <ul class="submenu">
                        <li class="">
                            <a href="#">
                                <i class="menu-icon fa fa-caret-right"></i> 入廊申请
                            </a>

                            <b class="arrow"></b>
                        </li>

                        <li class="">
                            <a href="#">
                                <i class="menu-icon fa fa-caret-right"></i> 业务档案
                            </a>

                            <b class="arrow"></b>
                        </li>
                        
                        <li class="">
                            <a href="#">
                                <i class="menu-icon fa fa-caret-right"></i> 合同档案
                            </a>

                            <b class="arrow"></b>
                        </li>
                        
                        <li class="">
                            <a href="#">
                                <i class="menu-icon fa fa-caret-right"></i> 施工记录
                            </a>

                            <b class="arrow"></b>
                        </li>
                        
                        <li class="">
                            <a href="#">
                                <i class="menu-icon fa fa-caret-right"></i> 缴费记录
                            </a>

                            <b class="arrow"></b>
                        </li>
                        
                        <li class="">
                            <a href="gxdaEdit">
                                <i class="menu-icon fa fa-caret-right"></i> 管线档案
                            </a>

                            <b class="arrow"></b>
                        </li>
                    </ul>
                </li>
            </ul>
            <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
                <i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
            </div>

            <!-- /section:basics/sidebar.layout.minimize -->
            <script type="text/javascript">
                try {
                    ace.settings.check('sidebar', 'collapsed');
                } catch (e) {}
            </script>
        </div>
	 <%-- <div class="main-content">
	 <div class="page-content animated fadeInRight">
	     <div class="row">
	   <div class="cbLeft">
	     <img src="${contextPath}/resources/img/simulate.png">
	   </div>
	   <div class="cbRight">
	     <input type="text" class="form-control" style="width: 400px;margin-top: 30px;margin-left: 8px;" placeholder="请在图上选择管线摆放位置">
	     <div style="width: 100%;height:50px;margin-top: 10px;">
	     <div class="input-group" style="margin-top: 10px;float: left;">
	     <label class="col-sm-2 control-label" style="width: 70px;margin-top: 8px;text-align: center">引入段</label>
             <select id="yrd" name="yrd" data-placeholder="请选择..." class="chosen-select" style="width:160px;height:30px;" tabindex="2">
                  <option value="">请选择</option>
                                    
             </select>
         </div> 
         <div class="input-group" style="margin-top: 10px;margin-left:5px;float: left;">
	     <label class="col-sm-2 control-label" style="width: 70px;margin-top: 8px;text-align: center">引出段</label>
             <select id="ycd" name="ycd" data-placeholder="请选择..." class="chosen-select" style="width:160px;height:30px;" tabindex="2">
                  <option value="">请选择</option>
                                    
             </select>
         </div> 
         </div>
         <div style="width: 100%;height:50px;">
         <div class="input-group" style="margin-top: 10px;float: left;">
	     <label class="col-sm-2 control-label" style="width: 70px;margin-top: 8px;text-align: center">桩号</label>
             <select id="tab1" name="tab1" data-placeholder="请选择..." class="chosen-select" style="width:160px;height:30px;" tabindex="2">
                  <option value="">请选择</option>
                                    
             </select>
         </div> 
         <div class="input-group" style="margin-top: 10px;margin-left:5px;float: left;">
	     <label class="col-sm-2 control-label" style="width: 70px;margin-top: 8px;text-align: center">桩号</label>
             <select id="tab2" name="tab2" data-placeholder="请选择..." class="chosen-select" style="width:160px;height:30px;" tabindex="2">
                  <option value="">请选择</option>
                                    
             </select>
         </div> 
         </div>
         <div style="margin-top: 10px;">
            <label class="col-sm-2 control-label" style="width: 120px;margin-top: 8px;">管线敷设长度:</label>
            <input type="text" class="form-control" style="width: 345px;" placeholder="请在完成选择后点击计算">
         </div>
         <div style="margin-top: 10px;">
            <label class="col-sm-2 control-label" style="width: 120px;margin-top: 8px;">管线入廊费用:</label>
            <input type="text" class="form-control" style="width: 345px;" placeholder="请在完成选择后点击计算">
         </div>
         <div style="margin-top: 10px;">
            <label class="col-sm-2 control-label" style="width: 120px;margin-top: 8px;">管线运维费用:</label>
            <input type="text" class="form-control" style="width: 265px;display: inline-block;" placeholder="请在完成选择后点击计算">
            <span class="sfont" style="width: 70px;margin-top: 8px;display: inline-block;font-size: 12px;">元/年</span>
            </br>
            <button type="button" style="width:100px;margin-top: 15px;margin-left: 285px;" class="btn btn-primary" >计算</button>
         </div>
         
	   </div>
	</div>
	</div>
	</div> --%>
	<div class="main-content">
            <!-- #section:面包屑导航路径 basics/content.breadcrumbs -->
            <div class="breadcrumbs" id="breadcrumbs">
                <script type="text/javascript">
                    try {
                        ace.settings.check('breadcrumbs', 'fixed')
                    } catch (e) {}
                </script>

                <ul class="breadcrumb">
                    <li>
                        <i class="ace-icon fa fa-home home-icon"></i>
                        <a href="#">管线业务</a>
                    </li>
                    <li><a href="#">费用清算</a></li>
                    <li class="active">入廊费用计算器</li>
                </ul>
                <!-- /.breadcrumb -->
            </div>
            <!-- /section:面包屑导航路径 basics/content.breadcrumbs -->

            <!-- PAGE CONTENT BEGINS -->
            <div class="page-content">
                <div class="row">
                    <div class="col-md-12 col-lg-5">
                        <div id="map" style="height:800px;"></div>
                    </div>
                    
	     
                    <div class="col-md-12 col-lg-7">
                        <div class="space-16"></div>
                        <form class="form-horizontal" method="post" role="form" id="formID" action="feeConfigUpdate">
                            
                            <div class="form-group">
                                <label class="control-label col-sm-3 no-padding-right" for="place">位置</label>
							    <div class="col-sm-9">
									<input type="text" name="place" id="place" class="col-xs-10 col-sm-9"  placeholder="请在图上选择管线摆放位置" />
							    </div>
							</div>
                            <div class="space-4"></div>
                            <div class="form-group">
                            	<label class="control-label col-sm-3 no-padding-right">公司</label>
                            	<div class="col-sm-9">
                            		<select id="Comp" name="Comp" data-placeholder="请选择..." class="chosen-select" style="width:200px;height:30px;" tabindex="2" onchange="setPTWS(this)">
                                         <option value="">请选择</option>
                                    </select>
                            	</div>
                            </div>
                            <div class="space-4"></div>
                            <div class="form-group">
								<label class="control-label col-sm-3 no-padding-right">引入段</label>
                               	<div class="col-sm-9">
									<select id="sIntroduction" name="sIntroduction" data-placeholder="请选择..." class="chosen-select" style="width:200px;height:30px;" tabindex="2" onchange="setSPile(this)">
                                            <option value="">请选择</option>
                                
                                    </select>
                                        <label >引出段</label>
									<select id="eIntroduction" name="eIntroduction" data-placeholder="请选择..." class="chosen-select" style="width:200px;height:30px;" tabindex="2" onchange="setEPile(this)">
                                            <option value="">请选择</option>
                                
                                    </select>					
								</div>
							</div>
															
                            <div class="space-4"></div>
                            <div class="form-group">
								<label class="control-label col-sm-3 no-padding-right">桩&nbsp&nbsp&nbsp号</label>
                                    <div class="col-sm-9">
											<select id="sPile" name="sPile" data-placeholder="请选择..." class="chosen-select" style="width:200px;height:30px;" tabindex="2">
                                                <option value="">请选择</option>
                                    
                                                </select>
                                            <label >桩&nbsp&nbsp&nbsp号</label>
											<select id="ePile" name="ePile" data-placeholder="请选择..." class="chosen-select" style="width:200px;height:30px;" tabindex="2">
                                                <option value="">请选择</option>
                                            </select>					
									</div>
							</div>
                            <div class="space-4"></div>
                            <div class="form-group">
                                <div class="col-md-offset-3 col-md-9">
								<button type="button" class="btn btn-primary" id="Calculate">计算</button>
                                </div>
							</div>
                            
                            <div class="space-4"></div>
                            <div class="form-group">
								<label class="control-label col-sm-3 no-padding-right" for="form-field-5">L-入廊管线长度</label>
                                    <div class="col-sm-9">
											<input type="text" id="l" placeholder="请在完成选择后点击计算" class="col-xs-10 col-sm-9">
                                            <span class="help-inline col-xs-12 col-sm-3">
												<span class="middle">米</span>
											</span>					
									</div>
							</div>
                            
                            <div class="space-4"></div>
                            <div class="form-group">
								<label class="control-label col-sm-3 no-padding-right" for="form-field-6">UF-入廊管线使用强度</label>
                                    <div class="col-sm-9">
											<input type="text" id="uf" placeholder="请在完成选择后点击计算" class="col-xs-10 col-sm-9">
                                            <span class="help-inline col-xs-12 col-sm-3">
												<span class="middle">%</span>
											</span>					
									</div>
							</div>
                            
                            <div class="space-4"></div>
                            <div class="form-group">
								<label class="control-label col-sm-3 no-padding-right" for="form-field-7">S-入廊管线横截面积</label>
                                    <div class="col-sm-9">
											<input type="text" id="s" placeholder="请在完成选择后点击计算" class="col-xs-10 col-sm-9">
                                            <span class="help-inline col-xs-12 col-sm-3">
												<span class="middle">平方米</span>
											</span>					
									</div>
							</div>
                            
                            <div class="space-4"></div>
                            <div class="form-group">
								<label class="control-label col-sm-3 no-padding-right" for="form-field-8">D-入廊管线直径</label>
                                    <div class="col-sm-9">
											<input type="text" id="d" placeholder="请在完成选择后点击计算" class="col-xs-10 col-sm-9">
                                            <span class="help-inline col-xs-12 col-sm-3">
												<span class="middle">米</span>
											</span>					
									</div>
							</div>
                            
                            <div class="space-4"></div>
                            <div class="form-group">
								<label class="control-label col-sm-3 no-padding-right" for="form-field-9">P-入廊管线占用空间比</label>
                                    <div class="col-sm-9">
											<input type="text" id="p" placeholder="请在完成选择后点击计算" class="col-xs-10 col-sm-9">
                                            <span class="help-inline col-xs-12 col-sm-3">
												<span class="middle">%</span>
											</span>					
									</div>
							</div>
                            
                            <div class="space-4"></div>
                            <div class="form-group">
								<label class="control-label col-sm-3 no-padding-right" for="form-field-9">TC-管线入廊费用</label>
                                    <div class="col-sm-9">
											<input type="text" id="tc" placeholder="请在完成选择后点击计算" class="col-xs-10 col-sm-9">
                                            <span class="help-inline col-xs-12 col-sm-3">
												<span class="middle">万元</span>
											</span>					
									</div>
							</div>
                            
                            <div class="space-4"></div>
                            <div class="form-group">
								<label class="control-label col-sm-3 no-padding-right" for="form-field-10">RPC-管线运维费用</label>
                                    <div class="col-sm-9">
											<input type="text" id="rpc" placeholder="请在完成选择后点击计算" class="col-xs-10 col-sm-9">
                                            <span class="help-inline col-xs-12 col-sm-3">
												<span class="middle">万元/年</span>
											</span>					
									</div>
							</div>
                            
                            <div class="space-4"></div>
                                <div class="form-group">
                                <div class="col-md-offset-8 col-md-4 no-padding-right">
								    <button type="button" id="id-btn-dialog1" class="btn btn-primary" >配置</button>
                                    &nbsp; &nbsp; &nbsp;
                                    <button type="button" class="btn btn-primary" >参考依据</button>
                                </div>
                             </form>
                                
                                <div id="dialog-message" class="hide">
                                    <h3 class="lighter block" style="font: 20px/1.5 'Microsoft YaHei';">入廊费用变量</h3>
                                    
                                    <form class="form-horizontal" role="form" id="feeconfig" name="feeconfig">
                                        <div class="space-4"></div>
                                        
                                        <div class="form-group">
                                            <label class="control-label col-sm-8 no-padding-right" style="text-align:left;" for="form-field-11">FC-综合管廊本体及附属设施建设投资</label>
                                            <div class="col-sm-4">
                                                <input type="text" id="fc1" class="col-xs-10 col-sm-9" name="FC1">
                                                <span class="help-inline col-xs-12 col-sm-3">
                                                    <span class="middle">万元</span>
                                                </span>					
                                            </div>
                                        </div>
                                        
                                        <div class="space-4"></div>
                                        
                                        <div class="form-group">
                                            <label class="control-label col-sm-8 no-padding-right" for="form-field-12" style="text-align:left;">R-城市地下综合管廊本体及附属设施建设投资合理回报率</label>
                                                <div class="col-sm-4">
                                                        <input type="text" id="r1" class="col-xs-10 col-sm-9" name="R1">
                                                        <span class="help-inline col-xs-12 col-sm-3">
                                                            <span class="middle">%</span>
                                                        </span>					
                                                </div>
                                        </div>
                                                    
                                        <div class="form-group">
								            <label class="control-label col-sm-8 no-padding-right" for="form-field-13" style="text-align:left;">N-综合管廊使用年限</label>
                                            <div class="col-sm-4">
                                                    <input type="text" id="n1" class="col-xs-10 col-sm-9" name="N1">
                                                    <span class="help-inline col-xs-12 col-sm-3">
                                                        <span class="middle">年</span>
                                                    </span>					
                                            </div>
							             </div>
                                                      
                                        <div class="form-group">
								<label class="control-label col-sm-8 no-padding-right" for="form-field-14" style="text-align:left;">PC-管线在不入廊情况下单独敷设成本(仅包含道路开挖费用)</label>
                                    <div class="col-sm-4">
											<input type="text" id="pc1" class="col-xs-10 col-sm-9" name="PC1">
                                            <span class="help-inline col-xs-12 col-sm-3">
												<span class="middle">万元</span>
											</span>					
									</div>
							</div>
                                           
                                        <div class="form-group">
								<label class="control-label col-sm-8 no-padding-right" for="form-field-15" style="text-align:left;">PCR-管廊寿命周期内，管线不入廊情况下所需的重复单独敷设成本</label>
                                    <div class="col-sm-4">
											<input type="text" id="pcr1" class="col-xs-10 col-sm-9" name="PCR1">
                                            <span class="help-inline col-xs-12 col-sm-3">
												<span class="middle">万元</span>
											</span>					
									</div>
							</div>
                                           
                                        <div class="form-group">
								<label class="control-label col-sm-8 no-padding-right" for="form-field-16" style="text-align:left;">DC-国家提供的相应补贴</label>
                                    <div class="col-sm-4">
											<input type="text" id="dc1" class="col-xs-10 col-sm-9" name="DC1">
                                            <span class="help-inline col-xs-12 col-sm-3">
												<span class="middle">万元</span>
											</span>					
									</div>
							</div>
                                           
                                        <div class="form-group">
								<label class="control-label col-sm-8 no-padding-right" for="form-field-17" style="text-align:left;">K-国家基础建设投资等环境因素带来的入廊费用变化因素</label>
                                    <div class="col-sm-4">
											<input type="text" id="k1" class="col-xs-10 col-sm-9" name="K1">
                                            <span class="help-inline col-xs-12 col-sm-3">
												<span class="middle"></span>
											</span>					
									</div>
							</div>
                               <h3 class="lighter block" style="font: 20px/1.5 'Microsoft YaHei';">运维费用变量</h3>       <div class="form-group">
								<label class="control-label col-sm-8 no-padding-right" for="form-field-18" style="text-align:left;">RC<sub>基础建设</sub>-城市地下综合管廊本体运行、维护、更新改造等正常成本</label>
                                    <div class="col-sm-4">
											<input type="text" id="rc21" class="col-xs-10 col-sm-9" name="RC21">
                                            <span class="help-inline col-xs-12 col-sm-3">
												<span class="middle">万元/年</span>
											</span>					
									</div>
							</div> 
                                            
                                        <div class="form-group">
								<label class="control-label col-sm-8 no-padding-right" for="form-field-19" style="text-align:left;">RC<sub>配套设施</sub>-城市地下综合管廊本体运行、维护、更新改造等正常成本</label>
                                    <div class="col-sm-4">
											<input type="text" id="rc22" class="col-xs-10 col-sm-9" name="RC22">
                                            <span class="help-inline col-xs-12 col-sm-3">
												<span class="middle">万元/年</span>
											</span>					
									</div>
							</div>  
                                            
                                        <div class="form-group">
								<label class="control-label col-sm-8 no-padding-right" for="form-field-20" style="text-align:left;">MC-城市地下综合管廊运营单位正常管理支出</label>
                                    <div class="col-sm-4">
											<input type="text" id="mc2" class="col-xs-10 col-sm-9" name="MC2">
                                            <span class="help-inline col-xs-12 col-sm-3">
												<span class="middle">万元/年</span>
											</span>					
									</div>
							</div>  
                                           
                                        <div class="form-group">
								<label class="control-label col-sm-8 no-padding-right" for="form-field-21" style="text-align:left;">R-城市地下综合管廊运营单位合理经营利润率</label>
                                    <div class="col-sm-4">
											<input type="text" class="col-xs-10 col-sm-9" name="r2" id="r2">
                                            <span class="help-inline col-xs-12 col-sm-3">
												<span class="middle">%</span>
											</span>					
									</div>
							</div>  
                                        <h3 class="lighter block" style="font: 20px/1.5 'Microsoft YaHei';">入廊与运维共用变量</h3>       <div class="form-group">
								<label class="control-label col-sm-8 no-padding-right" for="form-field-22" style="text-align:left;">∑-各专业管线的空间占用体积</label>
                                    <div class="col-sm-4">
											<input type="text" id="v3" class="col-xs-10 col-sm-9" name="V3">
                                            <span class="help-inline col-xs-12 col-sm-3">
												<span class="middle">立方米</span>
											</span>					
									</div>
                                        <label class="control-label col-sm-8 no-padding-right" for="form-field-23" style="text-align:left;">α</label>
                                    <div class="col-sm-4">
											<input type="text" id="a" class="col-xs-10 col-sm-9" name="a">
                                            <span class="help-inline col-xs-12 col-sm-3">
												<span class="middle"></span>
											</span>					
									</div>
                                        <label class="control-label col-sm-8 no-padding-right" for="form-field-24" style="text-align:left;">β</label>
                                    <div class="col-sm-4">
											<input type="text" id="b" class="col-xs-10 col-sm-9" name="b">
                                            <span class="help-inline col-xs-12 col-sm-3">
												<span class="middle"></span>
											</span>					
									</div>
							</div> 
                                    </form>                                    
											
								</div><!-- #dialog-message -->
							</div>
                        
                        
         
                    </div>
	   
                    

                    <!-- PAGE CONTENT ENDS -->

                </div>
                <!-- /.row -->
            </div>
            <!-- /.page-content -->
        </div>
	 <script type="text/javascript">
        if ('ontouchstart' in document.documentElement) document.write("<script src='${contextPath}/resources/assets/js/jquery.mobile.custom.js'>" + "<" + "/script>");
    </script>
    <script src="${contextPath}/resources/assets/js/bootstrap.js"></script>
    <link rel="stylesheet" type="text/css" href="${contextPath}/resources/css/ywcz.css"/>
    <script src="${contextPath}/resources/js/feeSimulate.js"></script>
    <script type="text/javascript">
			jQuery(function($) {
				  var contextPath = '${contextPath}';
				  var compId = '${compId}';
				  var compName = '${compName}';
				  var pt_id = '${pt_id}';
				  var sws_id = '${sws_id}';
				  var ews_id = '${ews_id}';
				  var sIntroduction = '${sIntroduction}';
				  var sPile = '${sPile}';
				  var sHole = '${sHole}';
				  var eIntroduction = '${eIntroduction}';
				  var ePile = '${ePile}';
				  var eHole = '${eHole}';
				
				//添加公司下拉选项
				
				$.ajax({                              
					//url : "loadCompSelect",
					url:"acceptLoadData",
					cache : false,
					success : function(result) {
					  for(var i=0;i<result.length;i++){
					      document.getElementById("Comp").options.add(new Option(result[i].name,result[i].id));
					  }
					if(compId!==""){
					var selectedComp = document.getElementById("Comp");  
					for(var i=0;i<selectedComp.length;i++){
						if(selectedComp.options[i].value==compId){
						selectedComp.options[i].selected = true;
						}
					}
					//setArrangement(compId);
					setSPile(compId);
					setEPile(compId);
					}
					
					}
				});
				
				
				
                //override dialog's title function to allow for HTML titles
				$.widget("ui.dialog", $.extend({}, $.ui.dialog.prototype, {
					_title: function(title) {
						var $title = this.options.title || '&nbsp;'
						if( ("title_html" in this.options) && this.options.title_html == true )
							title.html($title);
						else title.text($title);
					}
				}));
                
                $("#Calculate").on('click',function(e){
                	var place=$('#place').val();
                	var ePile=$('#ePile option:selected').text();
                	var sPile=$('#sPile option:selected').text();
                	$.ajax({
                		url:"feeCalculate?place="+place+"&ePile="+ePile+"&sPile="+sPile,
                		type:"post",
                		async:false,
                		dataType:"json",
                		success:function(data){
                			$.each(data,function(name,value) {
    					    	  $("#"+name).attr("value",value);
    					    	  console.log($("#"+name).attr("value"));
    					    });
                		},
                		error:function(){
                			alert("aaa");
                		}
                	})
                });
                
                $( "#id-btn-dialog1" ).on('click', function(e) {
					e.preventDefault();
			
					var dialog = $( "#dialog-message" ).removeClass('hide').dialog({
                        width: 800,
						modal: true,
						title: "<div class='widget-header widget-header-small'><h4 class='smaller'><i class='ace-icon fa fa-cog'></i> 配置</h4></div>",
						title_html: true,
						buttons: [ 
							{
								text: "取消",
								"class" : "btn btn-minier",
								click: function() {
									$( this ).dialog( "close" ); 
								} 
							},
							{
								text: "确定",
								"class" : "btn btn-primary btn-minier",
								click: function() {
    //                                $('#formID').submit();
    								$.ajax({
    									url:"feeConfigUpdate",
    									type:"get",
    									async: false,
    		//							cache:false,
    									data:$('#feeconfig').serialize(),
    									error: function(request) {
    					                    alert("error");
    					                },
    					                success: function(data) {
  //  					                    alert("success");
    					                }
    								})
									$( this ).dialog( "close" ); 
								} 
							}
						]
					});
			
					/**
					dialog.data( "uiDialog" )._title = function(title) {
						title.html( this.options.title );
					};
					**/
					$.ajax({
						url:"loadFeeConfig",
						type:"post",
						dataType: "json",
						async: false,
//							cache:false,
						error: function(data) {
		                    alert("error");
		                    console.log(data);
		                },
		                success: function(data) {
  					        console.log(data[0].r2);
  					      $.each(data[0],function(name,value) {
  					    	  $("#"+name).attr("value",value);
  					      });
		                }
					})
				});
			
                
                
            });
        
    </script>

    <!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

    <!--[if lte IE 8]>
		<script src="${contextPath}/resources/assets/js/html5shiv.js"></script>
		<script src="${contextPath}/resources/assets/js/respond.js"></script>
		<![endif]-->
	<script src="${contextPath}/resources/assets/js/ace/elements.scroller.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.colorpicker.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.fileinput.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.typeahead.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.wysiwyg.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.spinner.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.treeview.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.wizard.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.aside.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.ajax-content.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.touch-drag.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.sidebar.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.sidebar-scroll-1.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.submenu-hover.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.widget-box.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.settings.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.settings-rtl.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.settings-skin.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.widget-on-reload.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.searchbox-autocomplete.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.hover-dropdown.js"></script>
    
    <script src="${contextPath}/resources/leaflet/leaflet-src.js"></script>  
    <script src="${contextPath}/resources/leaflet/leaflet.draw-src.js"></script>
    <script src="${contextPath}/resources/leaflet/leaflet.label.js"></script>
    <script src="${contextPath}/resources/UploadFiles/MapTiles/map_feeSimulate/geojson.js"></script>
    
    <script type="text/javascript">
         var mapboxTiles = L.tileLayer('${contextPath}/resources/UploadFiles/MapTiles/map_feeSimulate/{z}/{x}/{y}.png', {
            noWrap: true,
            continuousWorld: true,
        }); 

        var mapMinZoom = 0;
        var mapMaxZoom = 1;
        var map = L.map('map', {
                maxZoom: mapMaxZoom,
                minZoom: mapMinZoom,
                crs: L.CRS.Simple,
                attributionControl: false,
                zoomControl:false,
            maxBounds: [
                //south west
                [0, 0],
                //north east
                [-350, 250]
                ]
            })
            .addLayer(mapboxTiles)
            .setView([-20, -200], 1);

        function applyLatLngToLayer(d) {
            var y = d.geometry.coordinates[1]
            var x = d.geometry.coordinates[0]
            return map.latLngToLayerPoint(new L.LatLng(y, x))


        }

        function data_popup(layer) {
            var shape_for_db = JSON.stringify(layer.toGeoJSON());
            L.popup({
                    maxWidth: 650
                })
                .setLatLng(layer.getBounds().getCenter())
                .setContent("<label for='name'>热区数据：" + "</label>" +
                    "<textarea style='width: 600px;height: 300px;'>" + shape_for_db + "</textarea>")
                .openOn(map);
        }

        map.on("draw:created", function (e) {
            //layerGroup.addLayer(e.layer);
            var shape_for_db = JSON.stringify(e.layer.toGeoJSON());

            var featureGroup = L.featureGroup([e.layer])
                .on('click', function () {
                    data_popup(e.layer);
                })
                .addTo(map);
            data_popup(e.layer);

        });

        //map.addControl(new L.Control.Draw());
        
        displayFeatures(geojson.features);

        //加载热区数据
        function displayFeatures(features) {
            for (var fe in features) {

                var feat = features[fe];

                var site = L.geoJson(feat, {
                    style: {
                        "color": "#FF0000",
                        "weight": 0.8,
                        "opacity": 1,
                        "fillOpacity": 0
                    },
                    onEachFeature: function (feature, layer) {
                        feature.layer = layer;
                        layer.bindLabel(feature.properties.REG_CNAME).on('click', function () {
                            //热区选中事件
//                            if(feature.properties.REG_CODE=="DL01"){
                            if(feature.properties.REG_CODE!=null){
                                $('#place').val(feature.properties.REG_CNAME);
                            }
//                            }
                             
                        })


                        layer.on({
                            mouseover: function (e) {
                                if ($.isFunction(e.target.setStyle)) {
                                    e.target.setStyle({
                                        weight: 3,
                                        color:feature.properties.COLOR,
                                        "fillOpacity": 0.6,
                                        "fillColor": feature.properties.FILLCOLOR
                                    });
                                }
                            },
                            mouseout: function (e) {
                                if ($.isFunction(e.target.setStyle)) {
                                    e.target.setStyle({
                                        weight: 0.8,
                                        color:"#FF0000",
                                        "fillOpacity": 0,
                                    });
                                }
                            }
                        });
                    }

                }).addTo(map);

            }

        }
    </script>
</body>
</html>
